body {font-family: "Arial", Open Sans, Helvetica, sans-serif;}


#w_sfbox-1568273405854 .p_SwipPanelBox{
  left:auto;
  right:0px;
  top:50%;
  bottom:auto;
  transform:translate(0,-50%);
  -webkit-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  z-index:9999999 !important;
  position:fixed;

}
#w_sfbox-1568273405854 div div div .shape{
 
    width:10px;
    height:10px;
    border-radius:50%;
    border:1px solid #fff;
    margin-bottom:10px;
    position:relative;
     background:#fff;
    right:10px;

}
#w_sfbox-1568273405854 div div div .active .shape{
 
    width:10px;
    height:10px;
    border-radius:50%;
    border:1px solid #ce8b44;
    margin-bottom:10px;
    position:relative;
     background:#ce8b44;
    right:10px;

}

@media only screen and (min-width: 769px) {/*大屏*/
/*logo*/
  .lgo{float:left;padding-left: 3%;       margin-top: 0.5%;}
   
  .lgo2{display:none;}

/* 分类组件回显选中样式设置 start */
.p_categoryBox .p_linkBox.click {background-color: #ce8b44 !important;color: #ffffff;}
.p_categoryBox .p_linkBox.click .color_assist,
.p_categoryBox .p_linkBox.click a {color: #ffffff !important;}

/*首屏*/
.sye {text-align: center; margin-top:22%}
.sye h1{ color: rgba(255, 255, 255, 0.5);  font-family: times new roman,times,serif; letter-spacing:20px; font-size:65px;     animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;}
.sye h2{ color: rgba(255, 255, 255); 
     margin-bottom:2%;      
   animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;}
.sye img {  animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;}

/*二屏*/
.fone {text-align: center;margin-top: 15%;}
.fone img{ animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;}
.fone p{color:#fff;line-height:24px;margin: 30px;  animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both; }

.fone a{background:#ce8b44;padding:14px;border-radius: 50%; font-size: 20px;  animation-name: fadeInUp;
    animation-duration: 1.4s;
    animation-delay: 1.4s;
    animation-fill-mode: both;}
.fone a:hover{background:#e4ac71;padding:14px;border-radius: 50%;}

/*三屏*/
.eone{text-align: center;margin-top: 15%; padding-bottom:30px;  animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;}
.eones{text-align: center; margin-top:30px;  animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;}
.newSwiperBox{animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;}
.eones a{background:#ce8b44;padding:14px;border-radius: 50%;font-size: 20px;line-height: 50px;}
.eones a:hover{background:#e4ac71;padding:14px;border-radius: 50%;}

/*四屏*/
.sone {text-align: center;margin-top: 15%;}
.sone p{color:#fff;line-height:24px;margin: 30px;animation-name: fadeInUp;animation-duration: 1.2s;animation-delay: 1.2s;animation-fill-mode: both;}
.sone img{ animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;}
.sone a{
    background:#ce8b44;
    padding:14px;
    border-radius: 50%;
    font-size: 20px;
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
    }
.sone a:hover{background:#e4ac71;padding:14px;border-radius: 50%;}

/*五屏*/
.wone {text-align: center;margin-top: 25%;}
.sdf{ animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;}
.wan{margin-top:20px;}
.wan li:nth-child(1) { animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;}
.wan li:nth-child(2) { animation-name: fadeInUp;
    animation-duration: 1.4s;
    animation-delay: 1.4s;
    animation-fill-mode: both;}
.wan li:nth-child(3) { animation-name: fadeInUp;
    animation-duration: 1.6s;
    animation-delay: 1.6s;
    animation-fill-mode: both;}
.wan li:nth-child(4) { animation-name: fadeInUp;
    animation-duration: 1.8s;
    animation-delay: 1.8s;
    animation-fill-mode: both;}
.wan li{width: 22%;border-radius: 32px;float:left;margin: 0px 15px;}
.wan li:hover{margin-top:20px; }
.wan li:hover .w{background:#c17320;}
.wan .t{overflow:hidden;border-radius: 10px 10px 0px 0px;}
.wan .t img{width:100%;}
.wan .w{text-align:left;color:#fff;background:#ce8b44;padding: 15px;border-radius: 0px 0px 10px 10px;}
.wan .w p{text-align:left;font-size: 24px;}
.wam .w span{font-size:12px; font-weight:normal;}



/*六屏*/
.you {text-align: center;margin-top: 18%;}
.you1{margin-top:20px;overflow: hidden;}
.you1 li{width: 30%;float:left;margin: 0px 15px;}
.you1 li:hover{     }

.you1 li:nth-child(1) { animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;}
.you1 li:nth-child(2) { animation-name: fadeInUp;
    animation-duration: 1.4s;
    animation-delay: 1.4s;
    animation-fill-mode: both;}
.you1 li:nth-child(3) { animation-name: fadeInUp;
    animation-duration: 1.6s;
    animation-delay: 1.6s;
    animation-fill-mode: both;}
.you1 .t{overflow:hidden;padding: 6px;background: rgba(255, 255, 255, 0.5);}
.you1 .t:after{content: "url(/img/cllgo.png) ";opacity:0;filter:alpha(opacity=0);display: block;width: 100%;height: 230px;position:relative;margin-top: -230px;background:rgba(206, 139, 68, 0.6);display:block;}

.you1 li:hover .t:after{   content: url(/img/cllgo.png);   opacity:1; 
filter:alpha(opacity=1);  padding-top:20%;    background:rgba(206, 139, 68, 0.6); }

.you1 .t img{width:100%;}
.you1 .w{text-align:left;color:#fff; background: linear-gradient(135deg, #a65403 0%, #ce8b44 100%);padding: 5px 15px;  }
.you1 .w p{text-align:center;font-size: 16px;}





/*底部*/
.foot{display:flex; padding:0px 20px 20px 20px;}
.fz{width:50%; height:200px; }
.fy{width:50%; text-align:right; color:#fff;}

.fy a{color:#fff;}

/*内页导航*/
.foosd{padding:2% 0px;}
.m-ex{
   padding-bottom: 0px;
   min-height: 190px;
   padding-right:10%;
   float: left;
   margin-top: 10px !important;
}
.m-ex .hd{
   position: relative;
   line-height: 30px;
   height: 30px;
   font-size: 16px;
}
.m-ex .hd H2{
   text-transform: uppercase;
   color: #fff;
   font-size: 16px;
   font-weight: 700;
}
.m-ex .nr{
   padding-bottom: 5px;
    line-height: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
}
.m-ex .nr li{ list-style:none;}
.m-ex .nr A{
   text-align: left;
   line-height: 26px;
   color: #fff;
   font-size: 14px;
   font-family: Arial;
}
.m-r{
   width: 388px;
    float: right;
}
.m-ri{
   width: 200px;
    float: right;
    padding-top: 10px;
}




#c_portalResGroupBreadcrumb_nav-15686991831734921{border-bottom:1px solid #ccc;}


}

@media only screen and (max-width:768px) {/*小屏*/
/*logo*/
  .lgo2{float:left;padding-top: 0%;padding-left: 1%;}
  .lgo{display:none;}

/*首屏*/
.sye {text-align: center;margin-top: 70%;}
.sye h1{
    color: rgba(255, 255, 255, 0.5);
    font-family: times new roman,times,serif;
    letter-spacing: 14px;
    font-size: 16px;
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;
    }
.sye h2{
     color: rgba(255, 255, 255);
     margin-bottom:2%;
     animation-name: fadeInUp;
     animation-duration: 1.2s;
     animation-delay: 1.2s;
     animation-fill-mode: both;
     font-size: 24px;
     }
.sye img {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
    width: 60%;
    }


/*二屏*/
.fone {text-align: center;margin-top: 35%;}
.fone .cde{width:50%;}
.fone img{
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;}
.fone p{color:#fff;line-height:24px;margin: 30px;  animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both; }

.fone a{background:#ce8b44;padding:14px;border-radius: 50%; font-size: 20px;  animation-name: fadeInUp;
    animation-duration: 1.4s;
    animation-delay: 1.4s;
    animation-fill-mode: both;}
.fone a:hover{background:#e4ac71;padding:14px;border-radius: 50%;}


/*三屏*/
.eone{
    text-align: center;
    margin-top: 25%;
    padding-bottom: 0px;
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
    }
.eone img{width:40%;}
.eones{text-align: center; margin-top:30px;  animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;}
.newSwiperBox{animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;}
.eones a{background:#ce8b44;padding:14px;border-radius: 50%; font-size: 20px;}
.eones a:hover{background:#e4ac71;padding:14px;border-radius: 50%;}

/*四屏*/
.sone {text-align: center;margin-top: 45%;}
.sone .sdf{width: 40%;}
.sone p{color:#fff;line-height:24px;margin: 30px;animation-name: fadeInUp;animation-duration: 1.2s;animation-delay: 1.2s;animation-fill-mode: both;}
.sone img{ animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;}
.sone a{
    background:#ce8b44;
    padding:14px;
    border-radius: 50%;
    font-size: 20px;
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
    }
.sone a:hover{background:#e4ac71;padding:14px;border-radius: 50%;}


/*五屏*/
.wone {text-align: center;margin-top: 25%;}
.wone img{width:40%} 
.sdf{ animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;}
.wan{margin-top:20px;}
.wan li:nth-child(1) { animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;}
.wan li:nth-child(2) { animation-name: fadeInUp;
    animation-duration: 1.4s;
    animation-delay: 1.4s;
    animation-fill-mode: both;}
.wan li:nth-child(3) { animation-name: fadeInUp;
    animation-duration: 1.6s;
    animation-delay: 1.6s;
    animation-fill-mode: both;}
.wan li:nth-child(4) { animation-name: fadeInUp;
    animation-duration: 1.8s;
    animation-delay: 1.8s;
    animation-fill-mode: both;}
.wan li{width: 43%;border-radius: 32px;float:left;margin: 10px 10px;}
.wan li:hover{margin-top:20px; }
.wan li:hover .w{background:#c17320;}
.wan .t{overflow:hidden;border-radius: 10px 10px 0px 0px;}
.wan .t img{width:100%;}
.wan .w{text-align:left;color:#fff;background:#ce8b44;padding: 15px;border-radius: 0px 0px 10px 10px;}
.wan .w p{text-align:left;font-size: 24px;}
.w span{ display:none;}




/*六屏*/
.you {text-align: center;margin-top: 18%;}
.you img{width:40%}
.you1{margin-top:20px;}
.you1 li{width: 40%;float:left;margin: 10px 15px;}
.you1 li:hover{     }

.you1 li:nth-child(1) { animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;}
.you1 li:nth-child(2) { animation-name: fadeInUp;
    animation-duration: 1.4s;
    animation-delay: 1.4s;
    animation-fill-mode: both;}
.you1 li:nth-child(3) { animation-name: fadeInUp;
    animation-duration: 1.6s;
    animation-delay: 1.6s;
    animation-fill-mode: both;}
.you1 .t{overflow:hidden;padding: 6px;background: rgba(255, 255, 255, 0.5);}
.you1 .t:after{   content: "url(/img/cllgo.png) ";   opacity:0;
filter:alpha(opacity=0);   display: block;   width: 100%;   height: 218px; position:relative;    margin-top:-218px;   background:rgba(206, 139, 68, 0.6); display:block;}

.you1 li:hover .t:after{   content: url(/img/cllgo.png);   opacity:1; 
filter:alpha(opacity=1);  padding-top:20%;    background:rgba(206, 139, 68, 0.6); }

.you1 .t img{width:100%;}
.you1 .w{text-align:left;color:#fff; background: linear-gradient(135deg, #a65403 0%, #ce8b44 100%);padding: 5px 15px;  }
.you1 .w p{text-align:center;font-size: 16px;}






/*底部*/

.fz{display:none;}
.fy{width:100%;text-align: center;color:#fff;padding-right:20px;}

.fy a{color:#fff;}

/*内页导航*/

.m-ex{
   padding-bottom: 0px;
   min-height: 190px;
   width: 41%;
   float: left;
   margin-top: 10px !important;
}
.m-ex .hd{
   position: relative;
   line-height: 30px;
   height: 30px;
   font-size: 16px;
}
.m-ex .hd H2{
   text-transform: uppercase;
   color: #fff;
   font-size: 16px;
   font-weight: 700;
}
.m-ex .nr{
   padding-bottom: 5px;
    line-height: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
}
.m-ex .nr li{ list-style:none;}
.m-ex .nr A{
   text-align: left;
   line-height: 26px;
   color: #fff;
   font-size: 14px;
   font-family: Arial;
}
.m-r{
   width: 388px;
    float: right;
}
.m-ri{
   width: 200px;
    float: right;
    padding-top: 10px;
}



/*内页导航*/
#w_grid-1568689084088{display:none;}

.btn-primary {
    color: #fff;
    background-color: #ce8b44;
    border-color: #ce8b44;
    width: 100%;
    line-height: 32px;}

#c_portalResGroupBreadcrumb_nav-15686991831734921 {
    border-bottom: 1px solid #ccc;
}

  .c_portalResGroupIntro_detail-01001 .summary-mo{display:none;}

#w_grid-1568683937679,
#w_grid-1568693504852,
#w_grid-1568708272402,
#w_grid-1568711275951,
#w_grid-1568711644647,
#w_grid-1568706276376{min-height:300px !important;}


}



@media only screen and (max-width: 1024px){/*中评logo*/




.lgo{display:none;}

.lgo2{display: inline-block;margin-top: 1% !Important; margin-left:10px;}

.lgo2 img{width:150px;}


.denglu{display:none;}

}





@media only screen and (max-width:480px){


}